<!---{
"title": "quick-lint-js merchandise",
"description": "Buy quick-lint-js-branded stickers."
}--->

<!DOCTYPE html>
<!-- Copyright (C) 2020  Matthew "strager" Glazar -->
<!-- See end of file for extended copyright information. -->
<html lang="en">
  <head>
    <%- await include("../common-head.ejs.html") %>
    <link href="../main.css" rel="stylesheet" />
    <style>
      /* Based on PayPal's smart buttons. https://www.paypal.com/buttons/smart */
      .paypal {
        cursor: pointer;
        background-color: #ffc439;
        border-radius: 1.5em;
        border: 0;
        color: #2c2e2f;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 100%;
        font-weight: 500;
        line-height: 1em;
        padding: 0.75em 3em;
      }
      .paypal img {
        height: 1.25em;
        vertical-align: middle;
        width: auto;
      }
    </style>
  </head>
  <body>
    <header><%- await include("../common-nav.ejs.html") %></header>

    <main>
      <h1>Products</h1>
      <p>
        Wanna show off your quick-lint-js loyalty? Get yourself some sweet
        merchandise!
      </p>

      <article>
        <h2>Dusty sticker (2.00 USD)</h2>
        <figure style="padding: 0 10%">
          <img
            src="dusty-sticker-on-laptop.jpg"
            width="1017"
            height="703"
            alt="Laptop with a sticker showing Dusty, the quick-lint-js mascot"
          />
        </figure>

        <!-- PayPal "Buy Now" button -->
        <form
          action="https://www.paypal.com/cgi-bin/webscr"
          method="post"
          style="text-align: center"
          target="_top"
        >
          <input type="hidden" name="cmd" value="_s-xclick" />
          <input type="hidden" name="hosted_button_id" value="G3WP9EN79BLJG" />
          <button name="submit" title="Buy Now with PayPal" class="paypal">
            <img src="paypal-word.svg" alt="PayPal" width="101" height="32" />
            Buy Now
          </button>
        </form>
        <p>Limit 5 per person.</p>
        <p>
          Can't use PayPal? Send me an email at
          <a href="mailto:strager.nds@gmail.com">strager.nds@gmail.com</a> and
          we can work something out.
        </p>
      </article>
    </main>

    <footer><%- await include("../common-footer-nav.ejs.html") %></footer>
  </body>
</html>

<!--
quick-lint-js finds bugs in JavaScript programs.
Copyright (C) 2020  Matthew "strager" Glazar

This file is part of quick-lint-js.

quick-lint-js is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

quick-lint-js is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with quick-lint-js.  If not, see <https://www.gnu.org/licenses/>.
-->
